@CHARSET "UTF-8";

* {
  /*color: #B2C0D1;*/
  margin: 0;
  padding: 0;
  font-family: Helvetica, Arial, sans-serif;
}

body {
  /*background-color: #002d68;
  background-image: -moz-linear-gradient(top, #00295E, #002d68);
  background-repeat: no-repeat;*/
  background-color: white;
  background-image: -moz-linear-gradient(top, #9e9e9e, white);
  background-repeat: no-repeat;
  background-size: 100% 500px;
}

input {
  color: #4C4C4C;
}


a:link {
  color: #B2C0D1;
}

a:visited {
  /*color: #7D8793;*/
  color: #B2C0D1;
}

a:hover, a:focus {
  text-shadow: 0px 0px 4px white;
}

h2 {
  margin: 5px 0 10px 0;
}

pre {
  font-family: "Courier New", Courier, monospace;
  font-size: 80%;
  padding: 10px;
  white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
  white-space: -pre-wrap; /* Opera 4 - 6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
  word-wrap: break-word; /* IE 5.5+ */
}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.noitems {
  margin: 10px 0;
}

.textblock {
  background: #66A79C;
  border: 2px solid #004136;
  padding-left: 15px;
  color: #24246C;
  margin-top: 10px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.clear {
  clear: both;
}

.toolboximg {
  height: 30px;
  width: 30px;
  cursor: pointer;
}

p.status, .message {
  text-align:right;
}

#contentwrap {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
}

#navbar {
  margin-left: 30px;
}

#navbar ul {
  list-style: none;
  text-align: center;
  margin: 0;
}

#navbar ul li {
  display: inline;
  float: left;
}

#navbar ul li a {
  text-decoration: none;
  display: block;
  padding: 5px 24px;
  font-size: 120%;
  font-weight: bold;
  /*width: 120px;*/
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  -moz-border-radius: 6px 6px 0px 0px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  
  color: #CCCCCC;
  border: 1px solid #001A3C;
  background: #ff6600;
  background: -webkit-gradient(linear, left top, left bottom, from(#7F8FA3), to(#001F48));
  background: -moz-linear-gradient(top, #7F8FA3, #001F48);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7F8FA3', endColorstr='#001F48');
}

#navbar ul li a.active {
  color: #001A3C;
  border: 1px solid #5C5C5C;
  background: #ff6600;
  background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#5C5C5C));
  background: -moz-linear-gradient(top, #CCCCCC, #5C5C5C);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#5C5C5C');
}

#navbar ul li a:hover {
  color: #001A3C;
  border: 1px solid #5C5C5C;
  background: #ff6600;
  background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#5C5C5C));
  background: -moz-linear-gradient(top, #CCCCCC, #5C5C5C);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#5C5C5C');
}

.shadow {
  box-shadow: 0px 0px 4px #000000;
  -moz-box-shadow: 0px 0px 4px black;
  -webkit-box-shadow: 0px 0px 8px #000000;
}

.content {
  color: #B2C0D1;
  /* fallback for browsers with no RGBA */
  background: rgb(0, 0, 0) transparent;
  /* RGBa with 0.6 opacity */
  background: rgba(0, 0, 0, 0.4);
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  /*width: 70%;*/
  background-color: #143767;
  padding: 30px;
  border-top: 1px solid #5C5C5C;
  margin-bottom: 30px;
  /*margin-left: auto;
  margin-right: auto;
  margin-top: 30px;*/
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.error, .alert, .warning, .notice, .success {
  border: 1px solid;
  margin: 4px;
  padding: 5px 2px 5px 10px;
  background-repeat: no-repeat;
  background-position: 10px center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.error {
  color: #D8000C;
  background-color: #FFBABA;
}

.validate-error {
  color: #D8000C;
}

.button {
  border: none;
  padding: 5px 10px;
  display: inline-block;
  color: white;
  background-color: green;
  cursor: pointer;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.button:active {
  /*position: relative;
  top: 1px;*/
  color: white;
}

.button:hover, .button:focus {
  text-shadow: 0px 0px 4px white;
}

.large {
  font-size: 125%;
  padding: 7px 12px;
}

.largelink {
  font-size: 125%;
  padding: 8px 12px;
}

.sttable {
  margin: 5px 0 10px 0;
  border: 2px solid #004136;
  border-spacing: 0;
  cursor: default;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.sttable tr:first-child th:first-child {
  border-top-left-radius: 6px;
  -moz-border-radius: 6px 0px 0px 0px;
  -webkit-border-top-left-radius: 6px;
}

.sttable tr:first-child th:last-child {
  border-top-right-radius: 6px;
  -moz-border-radius: 0px 6px 0px 0px;
  -webkit-border-top-right-radius: 6px;
}

.sttable tr:last-child td:first-child {
  border-bottom-left-radius: 6px;
  -moz-border-radius: 0px 0px 0px 6px;
  -webkit-border-bottom-left-radius: 6px;
}

.sttable tr:last-child td:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-border-radius: 0px 0px 6px 0px;
  -webkit-border-bottom-right-radius: 6px;
}

.sttable th {
  padding: 5px;
  background: #00A287;
  /*border-bottom: 1px solid #001A3E;*/
  color: #004136;
}

.sttable a {
  color: #004136;
}

.sttable td {
  padding: 5px 8px;
  background: #B2E3DB; 
  /*border-bottom: 1px solid white;*/
  color: #669;
  /*border-top: 1px solid transparent;*/
}

.sttable tr:hover td {
  background: #7FD0C3;
  color: #339;
}

.timestamp-width {
  width: 150px;
}

/* Green button */
.green, button.ui-state-default.green {
  color: #e8f0de;
  border: 1px solid #00B300;
  background: #00FF00;
  background: -webkit-gradient(linear, left top, left bottom, from(#26FF26), to(#00D900));
  background: -moz-linear-gradient(top, #26FF26, #00D900);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26FF26', endColorstr='#00D900');
}

.green:hover, button.ui-state-default.green:hover {
  background: #00EE00;
  background: -webkit-gradient(linear, left top, left bottom, from(#26F026), to(#00CB00));
  background: -moz-linear-gradient(top, #26F026, #00CB00);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26F026', endColorstr='#00CB00');
}

.green:active, button.ui-state-default.green:active {
  /*color: #a9c08c;*/
  color: white;
  background: -webkit-gradient(linear, left top, left bottom, from(#00CB00), to(#26F026));
  background: -moz-linear-gradient(top, #00CB00, #26F026);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CB00', endColorstr='#26F026');
}

/* Red button */
.red, button.ui-state-default.red {
  color: #FBCCCC;
  border: 1px solid #CC0000;
  background: #FF0000;
  background: -webkit-gradient(linear, left top, left bottom, from(#FF2626), to(#D90000));
  background: -moz-linear-gradient(top, #FF2626, #D90000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF2626', endColorstr='#D90000');
}

.red:hover {
  background: #EE0000;
  background: -webkit-gradient(linear, left top, left bottom, from(#F02626), to(#CB0000));
  background: -moz-linear-gradient(top, #F02626, #CB0000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F02626', endColorstr='#CB0000');
}

.red:active {
  /*color: #a9c08c;*/
  color: white;
  background: -webkit-gradient(linear, left top, left bottom, from(#CB0000), to(#F02626));
  background: -moz-linear-gradient(top, #CB0000, #F02626);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CB0000', endColorstr='#F02626');
}

/* Orange button */
.orange {
  color: #FFE0CC !important;
  border: 1px solid #B34800;
  background: ff6600;
  background: -webkit-gradient(linear, left top, left bottom, from(#FF7C26), to(#D95700));
  background: -moz-linear-gradient(top, #FF7C26, #D95700);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF7C26', endColorstr='#D95700');
}

.orange:hover {
  background: #EE5F00;
  background: -webkit-gradient(linear, left top, left bottom, from(#F07726), to(#CB5100));
  background: -moz-linear-gradient(top, #F07726, #CB5100);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F07726', endColorstr='#CB5100');
}

.orange:active {
  /*color: #a9c08c;*/
  color: white;
  background: -webkit-gradient(linear, left top, left bottom, from(#CB5100), to(#F07726));
  background: -moz-linear-gradient(top, #CB5100, #F07726);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CB5100', endColorstr='#F07726');
}
